import React, { ReactNode } from "react";

import clsx from "clsx";

interface Props {
  text: ReactNode;
  className?: string;
}

export const PageTitle = ({ text, className }: Props) => {
  return <h1 className={clsx("text-4xl font-semibold md:text-5xl", className)}>{text}</h1>;
};
